<DocumentFragment>
  <div
    class="ant-app"
  >
    <div>
      test
    </div>
    <div
      style="background: #fafafa; padding: 24px;"
    >
      <div
        style="width: 100%;"
      >
        <div
          style="margin-block-end: 16px;"
        >
          <div
            class="ant-skeleton"
          >
            <div
              class="ant-skeleton-content"
            >
              <h3
                class="ant-skeleton-title"
                style="width: 185px;"
              />
            </div>
          </div>
          <div
            class="ant-skeleton ant-skeleton-element ant-skeleton-active"
          >
            <span
              class="ant-skeleton-button ant-skeleton-button-sm"
            />
          </div>
        </div>
        <div
          class="ant-card"
          style="border-start-end-radius: 0; border-top-left-radius: 0px;"
        >
          <div
            class="ant-card-body"
          >
            <div
              class="ant-skeleton ant-skeleton-element ant-skeleton-active"
            >
              <span
                class="ant-skeleton-button ant-skeleton-button-sm"
                style="width: 100px; margin-block-end: 16px;"
              />
            </div>
            <div
              style="width: 100%; justify-content: space-between; display: flex;"
            >
              <div
                style="flex-grow: 1; flex-shrink: 1; flex-basis: 0%; padding-inline-start: 0; padding-inline-end: 0;"
              >
                <div
                  class="ant-skeleton ant-skeleton-active"
                >
                  <div
                    class="ant-skeleton-content"
                  >
                    <h3
                      class="ant-skeleton-title"
                      style="margin-block-start: 0;"
                    />
                  </div>
                </div>
                <div
                  class="ant-skeleton ant-skeleton-active"
                >
                  <div
                    class="ant-skeleton-content"
                  >
                    <h3
                      class="ant-skeleton-title"
                      style="margin-block-start: 8px;"
                    />
                  </div>
                </div>
                <div
                  class="ant-skeleton ant-skeleton-active"
                >
                  <div
                    class="ant-skeleton-content"
                  >
                    <h3
                      class="ant-skeleton-title"
                      style="margin-block-start: 8px;"
                    />
                  </div>
                </div>
              </div>
            </div>
            <div
              style="margin-block-start: 32px;"
            >
              <div
                class="ant-skeleton ant-skeleton-element ant-skeleton-active"
              >
                <span
                  class="ant-skeleton-button ant-skeleton-button-sm"
                  style="width: 100px; margin-block-end: 16px;"
                />
              </div>
              <div
                style="width: 100%; justify-content: space-between; display: flex;"
              >
                <div
                  style="flex-grow: 1; flex-shrink: 1; flex-basis: 0%; margin-inline-end: 24px; max-width: 300px;"
                >
                  <div
                    class="ant-skeleton ant-skeleton-active"
                  >
                    <div
                      class="ant-skeleton-content"
                    >
                      <h3
                        class="ant-skeleton-title"
                        style="margin-block-start: 0;"
                      />
                    </div>
                  </div>
                  <div
                    class="ant-skeleton ant-skeleton-active"
                  >
                    <div
                      class="ant-skeleton-content"
                    >
                      <h3
                        class="ant-skeleton-title"
                        style="margin-block-start: 8px;"
                      />
                    </div>
                  </div>
                  <div
                    class="ant-skeleton ant-skeleton-active"
                  >
                    <div
                      class="ant-skeleton-content"
                    >
                      <h3
                        class="ant-skeleton-title"
                        style="margin-block-start: 8px;"
                      />
                    </div>
                  </div>
                </div>
                <div
                  style="flex-grow: 1; flex-shrink: 1; flex-basis: 0%; align-items: center; justify-content: center;"
                >
                  <div
                    style="max-width: 300px; margin: auto;"
                  >
                    <div
                      class="ant-skeleton ant-skeleton-active"
                    >
                      <div
                        class="ant-skeleton-content"
                      >
                        <h3
                          class="ant-skeleton-title"
                          style="margin-block-start: 0;"
                        />
                      </div>
                    </div>
                    <div
                      class="ant-skeleton ant-skeleton-active"
                    >
                      <div
                        class="ant-skeleton-content"
                      >
                        <h3
                          class="ant-skeleton-title"
                          style="margin-block-start: 8px;"
                        />
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div
          style="padding: 0px 24px;"
        >
          <div
            class="ant-divider ant-divider-horizontal"
            role="separator"
            style="margin: 0px;"
          />
        </div>
        <div
          class="ant-card"
        >
          <div
            class="ant-card-body"
          >
            <div
              class="ant-skeleton ant-skeleton-element ant-skeleton-active"
            >
              <span
                class="ant-skeleton-button ant-skeleton-button-sm"
                style="width: 100px; margin-block-end: 16px;"
              />
            </div>
            <div
              style="display: flex; background: rgba(0, 0, 0, 0.02); padding: 24px 8px;"
            >
              <div
                style="flex-grow: 1; flex-shrink: 1; flex-basis: 0%; padding-inline-start: 0; padding-inline-end: 32px;"
              >
                <div
                  class="ant-skeleton ant-skeleton-active"
                >
                  <div
                    class="ant-skeleton-content"
                  >
                    <h3
                      class="ant-skeleton-title"
                      style="width: 75px; margin: 0px; height: 24px;"
                    />
                  </div>
                </div>
              </div>
              <div
                style="flex-grow: 3; flex-shrink: 1; flex-basis: 0%; padding-inline-start: 32px;"
              >
                <div
                  class="ant-skeleton ant-skeleton-active"
                >
                  <div
                    class="ant-skeleton-content"
                  >
                    <h3
                      class="ant-skeleton-title"
                      style="width: 75px; margin: 0px; height: 24px;"
                    />
                  </div>
                </div>
              </div>
            </div>
            <div
              style="padding: 0px;"
            >
              <div
                class="ant-divider ant-divider-horizontal"
                role="separator"
                style="margin: 0px;"
              />
            </div>
            <div
              style="display: flex; background: none none; padding: 24px 8px;"
            >
              <div
                style="flex-grow: 1; flex-shrink: 1; flex-basis: 0%; padding-inline-start: 20px; padding-inline-end: 32px;"
              >
                <div
                  class="ant-skeleton ant-skeleton-active"
                >
                  <div
                    class="ant-skeleton-content"
                  >
                    <h3
                      class="ant-skeleton-title"
                      style="width: 100%; margin: 0px; height: 24px;"
                    />
                  </div>
                </div>
              </div>
              <div
                style="flex-grow: 3; flex-shrink: 1; flex-basis: 0%; padding-inline-start: 32px;"
              >
                <div
                  class="ant-skeleton ant-skeleton-active"
                >
                  <div
                    class="ant-skeleton-content"
                  >
                    <h3
                      class="ant-skeleton-title"
                      style="width: 100%; margin: 0px; height: 24px;"
                    />
                  </div>
                </div>
              </div>
            </div>
            <div
              style="padding: 0px;"
            >
              <div
                class="ant-divider ant-divider-horizontal"
                role="separator"
                style="margin: 0px;"
              />
            </div>
            <div
              style="display: flex; background: none none; padding: 24px 8px;"
            >
              <div
                style="flex-grow: 1; flex-shrink: 1; flex-basis: 0%; padding-inline-start: 20px; padding-inline-end: 32px;"
              >
                <div
                  class="ant-skeleton ant-skeleton-active"
                >
                  <div
                    class="ant-skeleton-content"
                  >
                    <h3
                      class="ant-skeleton-title"
                      style="width: 100%; margin: 0px; height: 24px;"
                    />
                  </div>
                </div>
              </div>
              <div
                style="flex-grow: 3; flex-shrink: 1; flex-basis: 0%; padding-inline-start: 32px;"
              >
                <div
                  class="ant-skeleton ant-skeleton-active"
                >
                  <div
                    class="ant-skeleton-content"
                  >
                    <h3
                      class="ant-skeleton-title"
                      style="width: 100%; margin: 0px; height: 24px;"
                    />
                  </div>
                </div>
              </div>
            </div>
            <div
              style="padding: 0px;"
            >
              <div
                class="ant-divider ant-divider-horizontal"
                role="separator"
                style="margin: 0px;"
              />
            </div>
            <div
              style="display: flex; background: none none; padding: 24px 8px;"
            >
              <div
                style="flex-grow: 1; flex-shrink: 1; flex-basis: 0%; padding-inline-start: 20px; padding-inline-end: 32px;"
              >
                <div
                  class="ant-skeleton ant-skeleton-active"
                >
                  <div
                    class="ant-skeleton-content"
                  >
                    <h3
                      class="ant-skeleton-title"
                      style="width: 100%; margin: 0px; height: 24px;"
                    />
                  </div>
                </div>
              </div>
              <div
                style="flex-grow: 3; flex-shrink: 1; flex-basis: 0%; padding-inline-start: 32px;"
              >
                <div
                  class="ant-skeleton ant-skeleton-active"
                >
                  <div
                    class="ant-skeleton-content"
                  >
                    <h3
                      class="ant-skeleton-title"
                      style="width: 100%; margin: 0px; height: 24px;"
                    />
                  </div>
                </div>
              </div>
            </div>
            <div
              style="padding: 0px;"
            >
              <div
                class="ant-divider ant-divider-horizontal"
                role="separator"
                style="margin: 0px;"
              />
            </div>
            <div
              style="display: flex; background: none none; padding: 24px 8px;"
            >
              <div
                style="flex-grow: 1; flex-shrink: 1; flex-basis: 0%; padding-inline-start: 20px; padding-inline-end: 32px;"
              >
                <div
                  class="ant-skeleton ant-skeleton-active"
                >
                  <div
                    class="ant-skeleton-content"
                  >
                    <h3
                      class="ant-skeleton-title"
                      style="width: 100%; margin: 0px; height: 24px;"
                    />
                  </div>
                </div>
              </div>
              <div
                style="flex-grow: 3; flex-shrink: 1; flex-basis: 0%; padding-inline-start: 32px;"
              >
                <div
                  class="ant-skeleton ant-skeleton-active"
                >
                  <div
                    class="ant-skeleton-content"
                  >
                    <h3
                      class="ant-skeleton-title"
                      style="width: 100%; margin: 0px; height: 24px;"
                    />
                  </div>
                </div>
              </div>
            </div>
            <div
              style="padding: 0px;"
            >
              <div
                class="ant-divider ant-divider-horizontal"
                role="separator"
                style="margin: 0px;"
              />
            </div>
            <div
              style="display: flex; justify-content: flex-end; padding-block-start: 16px;"
            >
              <div
                class="ant-skeleton ant-skeleton-active"
              >
                <div
                  class="ant-skeleton-content"
                >
                  <h3
                    class="ant-skeleton-title"
                    style="margin: 0px; height: 32px; css-float: right; max-width: 630px;"
                  />
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</DocumentFragment>